<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>position:fixed;在 android 下无效怎么处理？</title>
<style type="text/css">
</style>
</head>
<body>
<pre>
因为移动端浏览器默认的viewport叫做layout viewport。在移动端显示时，因为layout viewport的宽度大于移动端屏幕
的宽度，所以页面会出现滚动条左右移动，fixed的元素是相对layout viewport来固定位置的，而不是移动端屏幕来固定位置的
，所以会出现感觉fixed无效的情况。

如果想实现fixed相对于屏幕的固定效果，我们需要改变的是viewport的大小为ideal viewport，可以如下设置：

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-sca
le=1.0,user-scalable=no"/>
</pre>
<script type="text/javascript">
</script>
</body>
</html>